<div>
  <button type="button" class="btn">
    <i class="fa fa-backward" aria-hidden="true" (click)="speedDown()"></i>
  </button>
  <button type="button" class="btn" (click)="toggle()">
    <i class="fa" aria-hidden="true" [ngClass]="{'fa-play':!isPlaying, 'fa-pause': isPlaying}"></i>
  </button>
  <button type="button" class="btn" (click)="speedUp()">
    <i class="fa fa-forward" aria-hidden="true"></i>
  </button>
  <button type="button" class="btn" (click)="restart()">
    <i class="fa fa-repeat" aria-hidden="true"></i>
  </button>

  <input id="scrubber" type="range" [(ngModel)]="time" min=0 [attr.max]="max" (mouseup)="runFrom()"/>

  <span id="position">{{ position }}</span>
  <span>/</span>
  <span id="duration">{{ duration }}</span>
  {{"Speed"|trans}}: {{speed}}
</div>

<div id="winContainer" style="height: 90%;width: 100%">
  <elements-term [term]="term"></elements-term>
</div>
<!--<asciinema-player></asciinema-player>-->
